
//路由
import { createRouter, createWebHashHistory } from 'vue-router'
import Home from '../views/Home.vue'
const routes = [
  {
    path: '/personage',
    component: () => import('../views/Personage/personage'),
    children: [
      {
      path: '/works',
      component: () => import('../views/Personage/Works/works'),

    }, {
      path: '/album',
      component: () => import('../views/Personage/Album/album')
    }, {
      path: '/collection',
      component: () => import('../views/Personage/Collection/collection')
    }, {
      path: '/profile',
      component: () => import('../views/Personage/Profile/profile')
    }, {
      path: '/honor',
      component: () => import('../views/Personage/Honor/honor')
    }]
  }, {
    path: '/change',
    component: () => import('../views/Personage/ChangeInfo/changeInfo')
  },
  {
    path: '/',
    name: 'Home',
    component: Home,
  },
  {
    path: '/login',
    component: () => import('../views/Login/Login.vue')
  },
  {
    path: '/register',
    component: () => import('../views/register/register.vue')

  },
  {
    path: '/',
    redirect: '/skills'
  },
  {
    path: '/skills',
    component: () => import('../views/Skills/Skills.vue'),
  },
  {
    path: '/one',
    component: () => import('../views/Skills_Xq/one.vue')
  },
  {
    path: '/two',
    component: () => import('../views/Skills_Xq/two.vue')

  },
  {
    path: '/three',
    component: () => import('../views/Skills_Xq/three.vue')
  },
  {
    path: '/four',
    component: () => import('../views/Skills_Xq/four.vue')
  },
  {
    path: '/five',
    component: () => import('../views/Skills_Xq/five.vue')
  },
  {
    path: '/six',
    component: () => import('../views/Skills_Xq/six.vue')
  },
  {
    path: '/seven',
    component: () => import('../views/Skills_Xq/seven.vue')
  },
  {
    path: '/about',
    name: 'About',
    // route level code-splitting
    // this generates a separate chunk (about.[hash].js) for this route
    // which is lazy-loaded when the route is visited.
    component: () => import(
      /* webpackChunkName: "about" */
      '../views/About.vue')
  }


]
const router = createRouter({
  history: createWebHashHistory(),
  routes
})

export default router